Page({
  data: {
    products: [
      {
        id: 1,
        image: 'sp/1/1.jpg',
        name: '商品1',
        price: 99.99,
      },
      {
        id: 2,
        image: 'sp/2/1.jpg', 
        name: '商品2',
        price: 199.99,
      },
      {
        id: 3,
        image: 'sp/3/1.jpg', 
        name: '商品3',
        price: 299.99,
      },
      {
        id: 4,
        image: 'sp/4/1.png', 
        name: '商品4',
        price: 399.99,
      },
      {
        id: 5,
        image: 'sp/5/1.jpg', 
        name: '商品5',
        price: 499.99,
      },
      // 更多商品...
    ],
    searchValue: '', // 用于存储搜索框的值
    filteredProducts: [] // 用于存储过滤后的商品列表
  },

  onLoad: function() {
    this.setData({
      filteredProducts: this.data.products // 初始时显示所有商品
    });
  },

  onSearchInput: function(e) {
    const searchValue = e.detail.value;
    const filteredProducts = this.data.products.filter(product => {
      return product.name.includes(searchValue); // 根据商品名称过滤商品
    });
    // 更新页面数据，设置搜索值和过滤后的商品列表
    this.setData({
      searchValue: searchValue,
      filteredProducts: filteredProducts
    });
  },
  goToProductDetails: function(e) {
    // const product = JSON.parse(e.currentTarget.dataset.product);
    wx.navigateTo({
      url: `/pages/spxq/spxq`//?id=${product.id}`
    });
  }
});